<template>
  <div class="browse">
    <div class="mc">
      <ul>
        <div class="mt">
          <h2>看了又看</h2>
        </div>

        <li :class="{ 'first' : index === 0}" v-for="(item, index) in items">
          <div class="p-img">
            <a href="#">
              <img class=""
                   :src="item.img">
            </a>
          </div>
          <div class="p-name">
            <a href="#">{{item.name}}</a>
          </div>
          <div class="p-price"><strong>￥{{item.price}}</strong></div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'item-browse',
  data () {
    return {
      items: [
        { id: 1, img: '/static/images/browse1.jpg', name: '【三只松鼠_开口松子218g】零食坚果特产炒货东北红松子原味', price: 56.5 },
        { id: 1, img: '/static/images/browse1.jpg', name: '【三只松鼠_开口松子218g】零食坚果特产炒货东北红松子原味', price: 56.5 },
        { id: 1, img: '/static/images/browse1.jpg', name: '【三只松鼠_开口松子218g】零食坚果特产炒货东北红松子原味', price: 56.5 }
      ]
    }
  }
}
</script>
